.content {
    width: 100%;
    display: flex;

    .right {
        width: 100%;

        .con_header {
            width: 100%;
            // height: 300px;
            background: url('/banner3.png') no-repeat 0 10%;
            background-size: 100%;
            color: #fff;

            .con_header_back {
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.4);
                padding-top: 130px;
                padding-bottom: 50px;
                // padding-left: 100px;
                box-sizing: border-box;

                .header_center {
                    width: 900px;
                    margin: 0 auto;
                }
            }



            h1 {
                color: #fff;
            }
        }

        .mkd_content {
            width: 900px;
            margin: 50px auto;
            box-shadow: rgba(7, 17, 27, 0.15) 0px 4px 12px 12px;
            border-radius: 5px;
            padding: 30px;
            box-sizing: border-box;
            background: #fff;
        }



    }
}

@media screen and (max-width: 750px) {
    .content {
        width: 100%;
        .right {
            .con_header {
                background:none;
                .con_header_back {
                    width: 100%;
                    height: 100%;
                    background: rgb(46, 42, 42);
                    padding-bottom: 20px;
                    padding-top: 80px;
                    .header_center {
                        width: 95%;
                        margin: 0 auto;
                    }
                }
            }
            .mkd_content {
                width: 92%;
                margin: 20px auto;
                padding: 10px;
            }
        }

    }

}